.menu-bg
  background: #000
  display none
  opacity: 0
  width: 100vw
  height: 100vh
  position: fixed
  z-index: 100
  .menu-container
    position: fixed
    padding 0 250px
    border-left 1px solid $mainColor1
    border-right 1px solid $mainColor1
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    ul
      list-style-type none
      margin-bottom 0
      li
        text-align right
        padding 5px
        a
          font-family $fontTitle
          text-transform uppercase
          font-size 30px
          border-bottom none

nav
  position fixed
  right 2em
  top 1.5em
  z-index 10000
  a, a:link, a:visited, a:active
    font-family FontAwesome
    font-style normal
    border-bottom none
    font-size 2em
    opacity: 0.5
    transition: opacity 0.3s ease
    &:before
      content "\f0c9"
    &.menu-active
      &:before
        content "\f00d"
  a:hover
    opacity 1